*{margin:0;padding:0;}
html,body{
    width:100%;
    height:100vh;
}
header{
  position:fixed;
  display:flex;
  left:0;
  top:0;
  height:50px;
  width:100%;
  background:url('../images/background.jpg') center repeat-x;
}
header>p{
  font-size:18px;
  line-height:50px;
  margin-left:10px;
  color:#fff;
  cursor: pointer;
}
.container{
    position:relative;
    top:50px;
    background:url('../images/background.jpg') center repeat-x;
    background-size:contain;
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    height:calc(100vh - 50px);

}
.container>nav{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width:80px;
    height:80px;
    margin:10px;

}
.container>nav img{
    width:40px;
    height:40px;
}

.container>nav p{
    font-size:12px;
    line-height:20px;
    padding:0 10px;
    border-radius:10px;
    background:rgba(255,255,255,0.5);
}